<script setup>

    defineProps({
        name: {
            type: String,
            default: "UnkonwTag"
        },
        active: {
            type: Boolean
        },
        delable: {
            type: Boolean,
            default: true
        }
    })  




</script>
 
<template>
    <div class="tag-main-container" :class="{active:active}" >
        <div class="tag-name-container" @click="$emit('checkTag')">{{name}}</div>
        <div class="tag-del-container" v-if="delable" @click="$emit('delTag')">×</div>
    </div>
</template>

<style lang="scss" scoped>
@import "@scss/tag/tag.scss";
</style>